// 公共头部样式
body{
	.est-layout-fixed-header(100px, ~".common-header", ~".main-page");
}
.common-header{
	height: 99px;
	border-bottom: 1px solid #cdcdcd;
	background-color: #fff;
	.header-wrap{
		.est-layout-page(@main-width);
		.clearfix();
		.logo{
			.hide-text();
			width: 88px;
			height: 100px;
			float: left;
			background: url("../img/logo.png") center center no-repeat;
		}
		.nav-list-wrap{
			.est-layout-horizontal-list(54px);
			float: right;
			overflow: visible;
			.nav-list{
				font-size: 16px;
				li{
					line-height: 100px;
					position: relative;
					a{
						.transition(color 0.3s ease);
						text-decoration: none;
						display: block;
						width: 100%;
						height: 100%;
						color: #2c3e50;
						&:hover{
							color: #005bac;
						}
					}
					&.active a{
						color: #005bac;
					}
				}
			}
			.nav-sub-list{
				position: absolute;
				top:100px;
				left: 0;
				width: 160px;
				font-size: 14px;
				padding-top: 6px;
				text-align: center;
				display: none;
				&:after{
					content: '';
					.triangle(top,8px,#fff);
					.opacity(80);
					position: absolute;
					top:2px;
					left: 160 / 2px;
				}
				li{
					.rgba-background( rgba(255,255,255,0.8) );
					width: 100%;
					line-height: 34px;
					margin-left: 0;
					&.sub-bottom{
						padding-bottom: 22px;
					}
					&.sub-top{
						padding-top: 18px;
					}
					a.active{
						color: #005bac;
					}
				}
			}
		}
		
	}
}